<!-- 首页底部数据 -->

<template>
  <SearchBox />
  <div class="body">
    <SearchNav />
    <HouseShow />
    <HouseInfo />
    <DynamicBox />
    <HouseType />
    <HouseKnowledge />
    <HouseRank />
  </div>
</template>

<script>
import { defineComponent } from 'vue'
import HouseShow from '@/components/firstBody/houseShow.vue'
import HouseInfo from '@/components/firstBody/infoBox.vue'
import DynamicBox from './firstBody/dynamicBox.vue'
import HouseType from '@/components/firstBody/houseType.vue'
import HouseKnowledge from './firstBody/houseKnowledge.vue'
import HouseRank from './firstBody/houseRank.vue'
import SearchBox from './searchBox.vue'
export default defineComponent({
  components: {
    HouseShow,
    HouseInfo,
    DynamicBox,
    HouseType,
    HouseKnowledge,
    HouseRank,
    SearchBox
  }

})
</script>

<style lang='less' scoped>
.body {
  margin-top: 40px;
  margin-left: calc((100vw - 1180px) / 2);
  width: 1180px;
}
</style>
